@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, li, ol, ul,input,select,button,textarea { padding:0; margin:0; border:none;}
input,button,select,textarea,a,img{outline:none; }/*去掉超链接或按钮点击时出现的虚线框黄色边框*/
::-moz-focus-inner{border:0px;}/*火狐的私有属性去掉点击时边框*/
body {font-size:12px; width:100%; overflow:hidden; background-color:#f5f5f5;  font-family:"Microsoft YaHei","Arial", "SimSun";}
html{ width:100%; overflow:hidden;}
a img {	border:none;}
a{ border:none; text-decoration:none;}
img{ vertical-align:top;}
ul, ul li, ol li, li {	list-style:none;}
table {	border-collapse: collapse;border-spacing:0;}
input, textarea {border: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .clearfix {zoom: 1;}
*:first-child + html .clearfix {zoom: 1;}
.fl {	float:left;}
.fr {	float:right;}
.none{	display:none;}

.header{ width:100%; height:68px; background-color:#088ec3;}
.header>h1{ margin-top:14px; margin-left:20px;}
.header>h1>span{ margin-left:5px; display:inline-block; vertical-align:top; margin-top:15px; height:14px; background-color:rgba(255,255,255,.4); border-radius:2px; color:#006e99; font:normal 12px/14px Arail; padding:0 2px;}
.hd_photo{ display:inline-block; vertical-align:top; height:40px; margin-top:14px; padding:0 30px; font:normal 14px/40px "microsoft yahei"; color:#fff;}
.hd_photo>img{ width:40px; height:40px; border-radius:50%; margin-right:8px;}
.hd_photo:hover{ color:#0f455b;}
.hd_one{ display:inline-block; vertical-align:top; height:18px; margin-top:25px; padding-left:54px; padding-right:30px;  font:normal 14px/18px "microsoft yahei"; color:#fff; border-left:1px solid rgba(255,255,255,.1); background-image:url(../images/icon/sico.png); background-repeat:no-repeat; background-position-x:30px;}
.hdo1{ background-position-y:0;}
.hdo2{ background-position-y:-19px;}
.hdo3{ background-position-y:-38px;}
.hdo4{ background-position-y:-57px;}
.hd_one:hover{ background-image:url(../images/icon/sico_h.png); color:#0f455b; cursor:pointer; cursor:hand;}

.menu{ width:200px; height:100%; background-color:#343f4b;}
.main_iframe{ height:100%; background:url(../images/nologo.png) no-repeat center #f5f5f5;}
.menu_fir>li{ width:100%; padding-bottom:2px; background:url(../images/libg.jpg) repeat-x left bottom #2c3a4c;}
.menu_fir>li:hover{ background-color:#253243; cursor:pointer; cursor:hand;}
.menu_one{ display:block; width:100%; height:46px; line-height:16px; font-size:14px; color:#c9ccce;}
.menu_one>img{ margin:15px 10px 0 25px; vertical-align:top; height:16px;}
.menu_one>span{ display:inline-block; width:140px; vertical-align:top; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.has_chil{ background:url(../images/icon/chil.png) no-repeat 115px 5px;}
.menu_fir>li.curr{ background-color:#253243;}
.menu_fir>li.curr .menu_one{ color:#41c7ff; border-left:2px solid #41c7ff; width:198px;}
.menu_fir>li.curr .has_chil{ background-position-y:-45px;}
.menu_child{ display:none; width:100%; background:url(../images/libg.jpg) repeat-x left top; padding-top:2px;}
.menu_child>li{ padding:0 20px;}
.sec_one{ display:block; padding-left:34px; color:#7497ae; background:url(../images/icon/dian.png) no-repeat 24px 18px; border-bottom:1px solid #36465a; font:normal 12px/42px "microsoft yahei";}
.menu_child>li:last-child .sec_one{ border-bottom:none;}
.sec_one:hover,.sec_one.curr{ cursor:pointer; cursor:hand; background-position-y:-25px; color:#40c7ff;}


.posi_box{ width:100%; height:47px; background-color:#fff; font:normal 12px/48px "microsoft yahei"; color:#787878;}
.posi_box>span{ padding-left:20px;}
.posi_box>a{ color:#787878; padding:0 5px;}
.posi_box>a:hover{ cursor:pointer; cursor:hand; text-decoration:underline;}
.topd_box{ padding:0 15px;}
.sear_box{ padding-bottom:12px; border-bottom:1px solid #dfdfdf; font-size:0;}
.oper_box{ padding-bottom:12px; border-top:1px solid #fff;}
.sear_box input,.sear_box select{ font:normal 12px/32px "microsoft yahei"; border-radius:3px; margin-top:12px; margin-right:10px;}
.sear_inp{ vertical-align:top; width:173px; height:32px; padding-right:10px; padding-left:35px; border:1px solid #d5d5d5; background:url(../images/search.png) no-repeat 10px center #fff;}
.sele_inp{ vertical-align:top; width:120px; height:34px; padding-left:10px; border:1px solid #d5d5d5;}
.sear_btn{ vertical-align:top; width:90px; height:34px; background-color:#ff9600; color:#fff;}
.sear_btn:hover{ cursor:pointer; cursor:hand; background-color:#ff7800;}
.oper_box{ font-size:0;}
.oper_box>a{ height:34px; background-color:#4f9acd; border-radius:3px; margin-right:10px; margin-top:12px; vertical-align:top;}
.oper_btn{ display:inline-block; vertical-align:top; padding:0 22px; color:#fff; font:normal 12px/34px "microsoft yahei";}
.oper_btn>img{ vertical-align:top; height:14px; margin-top:10px; margin-right:5px;}
.oper_btn>span{ display:inline-block; vertical-align:top;}
.oper_box>a:hover{ cursor:pointer; cursor:hand; background-color:#ff9000;}
.tbl_out{ padding:0 15px;}
.tbl_scro{ padding:12px; background-color:#fff; overflow-y:auto;}
.table_con{ width:100%; height:auto; border-collapse:collapse; font:normal 12px/14px "microsoft yahei"; color:#333; text-align:left;}
.table_con tr th{ height:50px; background-color:#4f9acd; text-align:center; color:#fff; border:1px solid #72aed7;}
.tbl_chebox{ width:45px; text-align:center;}
.tbl_state,.tbl_oper{ text-align:center;}
.tbl_100{ width:100px; text-align:center;}
.table_con tr td{ border:1px solid #e3e3e3; padding:20px 12px;}
.table_con tr td>p{ white-space:nowrap;}
/* odd items 1,3,5,7,... */
table tbody tr.odd, .odd { background: #fff; }
/* even items 2,4,6,8,... */
.table_con tr.even, .even { background: #f9f9f9; }

/* hovered items */
.table_con tr.odd:hover, .table_con tr.even:hover, .table_con tr.hover { background: #fffbf3; }

.oper_state{ display:inline-block; vertical-align:top; white-space:nowrap; height:14px; line-height:14px; padding-left:17px; background-image:url(../images/ico_sh.png); background-repeat:no-repeat;}
.oper_state.ing{ background-position:0 2px; color:#ff6000;}
.oper_state.active{ background-position:0 -12px; color:#0e9400;}
.oper_state.pass{ background-position:0 -26px; color:#ff0000;}
.oper_span>a{ display:inline-block; vertical-align:top; white-space:nowrap; color:#1a67b0; padding:0 4px;}
.oper_span>a:hover{ cursor:pointer; cursor:hand; text-decoration:underline;}

.page_box{ position:fixed; left:15px; bottom:0; padding:10px 12px; background-color:#fff; text-align:left; font-size:0; font:normal 12px/26px Arail, "mcirosoft yahei"; color:#898989;}
.page_box>select{ vertical-align:top; width:48px; height:26px; border:1px solid #e5e5e5; border-radius:3px; text-align:center; margin-right:5px; font-size:12px;}
.page_box>label{ display:inline-block; vertical-align:top; font-size:12px; padding:0 10px; margin-right:5px; height:26px; border:1px solid #e5e5e5;}
.page_box>a{ display:inline-block; vertical-align:top; width:26px; height:26px; color:#565656; margin-right:5px; border-radius:3px; border:1px solid #e5e5e5; text-align:center; font-size:12px;}
.page_box>a:hover,.page_box>a.curr{ cursor:pointer; cursor:hand; background-color:#4f9acd; border-collapse:#4f9acd; color:#fff;}

.wrap_con{padding:15px 15px 0 15px; overflow-y:auto; position:relative;}
.bg_white{ background-color:#fff;}
.tit_box{ width:100%; height:60px; border-bottom:1px solid #e6e6e6; font:bold 16px/60px "microsoft yahei"; color:#0078a8;}
.tit_box>img{ vertical-align:top; margin-left:30px; margin-top:18px; margin-right:10px; width:24px; height:24px;}
.tit_box>span{ display:inline-block; vertical-align:top;}

.tbl_form{ width:100%; border-collapse:collapse;}
.tbl_form tr td{ font:normal 14px/16px "microsoft yahei"; color:#333; padding:12px; border:1px solid #e3e3e3;}
.tbl_tit{ width:160px; color:#444; text-align:right; background:#f9f9f9;}
.mark{ color:#ff5000; margin-right:5px; vertical-align:middle;}

.fom_inp{ padding:0 10px; width:300px; height:36px; line-height:36px; margin:2px 0; margin-right:7px; font-family:"microsoft yahei"; color:#333; border:1px solid #cfcfcf; border-radius:3px;}
.fom_sele{ padding-left:10px; margin:2px 0; margin-right:7px; width:130px; height:38px; line-height:38px; font-family:"microsoft yahei"; color:#333; border:1px solid #cfcfcf; border-radius:3px;}
.fom_chebo{ display:inline-block; vertical-align:top; line-height:14px; margin:8px 0; margin-right:20px;}
.fom_chebo>input{ margin-right:6px; vertical-align:top;}
.fom_chebo>span{ display:inline-block; vertical-align:top;}
.fom_texarea{ display:block; width:80%; height:80px; padding:10px; line-height:20px; border:1px solid #cfcfcf; border-radius:3px;}

.bz_btn{ vertical-align:top; display:inline-block; padding:0 28px; border-radius:3px; height:38px; background-color:#5dbfe5; font:normal 12px/38px "microsoft yahei"; color:#fff;}
.bz_btn:hover{ background-color:#1fa8de; cursor:pointer; cursor:hand;}

.typ_one{ display:inline-block; vertical-align:top; padding:0 10px; height:36px; line-height:36px; border:1px solid #cfcfcf; border-radius:3px; margin-right:7px;}
.sm_add{ display:inline-block; vertical-align:top; width:36px; height:36px; border-radius:3px; border:1px solid #ebebeb; background:url(../images/jia.png) no-repeat center;}
.pic_one{ position:relative; display:inline-block; vertical-align:top; margin:4px 0; margin-right:8px; width:120px; height:90px; border-radius:3px; overflow:hidden;}
.pic_one>img{ width:100%; height:100%; border-radius:3px;}
.pic_oper{ position:absolute; left:0; bottom:0; display:none; text-align:center; width:100%; height:23px; background:url(../images/opa50.png) repeat left top;}
.pic_oper>a{ display:inline-block; width:15px; height:15px; margin:0 6px; vertical-align:top; margin-top:5px; background-image:url(../images/oper_pic.png); background-repeat:no-repeat;}
.pic_oper>a:hover{ cursor:pointer; cursor:hand;}
.pic_oper>a.lf{ background-position:0 0;}
.pic_oper>a.del{ background-position:-15px 0;}
.pic_oper>a.rt{ background-position:-30px 0;}
.big_add{display:inline-block; vertical-align:top; margin-top:4px; width:118px; height:88px; border-radius:3px; border:1px solid #ebebeb; background:url(../images/big_add.png) no-repeat center top;}
.big_add:hover{ cursor:pointer; cursor:hand; background-color:#cff1ff; border-color:#cff1ff; background-position:0 -90px;}
.fom_btn{ vertical-align:top; padding:0 40px; height:40px; border-radius:3px; font:normal 14px/40px "microsoft yahei"; color:#fefefe; margin-right:7px; background-color:#ff9600;}
.fom_btn:hover{ background-color:#ff7800; cursor:pointer; cursor:hand;}

/*login*/
.login_bg{ width:100%; height:100%; overflow:hidden; background:url(../../admin/images/login-bg.jpg) no-repeat center top;  background-size:100% 100%;}
.login_con{ margin:0 auto; background:url(../images/login_bg02.png) no-repeat center bottom; }
.login_logo{ padding:7% 0 56px 0; text-align:center;}
.login_user{ width:100%; text-align:center;}
.login_user p{ color:#fff; font-size:26px; margin-top:10px;}
.user_img{ display:inline-block; width:94px; height:94px; padding:3px; background:url(../images/opa10.png); -webkit-border-radius:50%; border-radius:50%;}
.user_img i{ display:block; width:100%; height:100%; background:#fff url(../images/login_user.png) no-repeat 15px bottom; -webkit-border-radius:50%; border-radius:50%;}
.login_ul{ width:320px; margin:4px auto 0 auto;}
.login_ul li{ width:280px; height:40px; padding:0 20px; margin-top:15px; font-size:14px; background-color:#fff; -webkit-border-radius:20px; border-radius:20px;}
.login_ul li > input{ display:inline-block; width:242px; height:40px; line-height:40px; padding-left:38px; color:#c3c3c3; border:none; background:url(../images/login_icon.png) no-repeat;}
.login_ul li > input.user{ background-position:5px 9px; }
.login_ul li > input.pwd{ background-position:5px -25px; }
.login_ul li > input.yzm{ width:145px;background-position:5px -60px; }
.login_ul li.btn{ width:320px; padding:0;}
.login_ul li.btn > input{ width:100%; color:#fff; cursor:pointer; padding:0; background:none; background-color:#ffae00; font-weight:bold; -webkit-border-radius:20px; border-radius:20px; }
.login_ul li.btn > input:hover{ background-color:#ff9600;}
.yzm_img{ display:inline-block; vertical-align:top; width:90px; height:100%;}
.yzm_img img{ width:100%;}
.forget_link{ margin-top:10px; text-align:center;}
.forget_link a{ font-size:14px; color:#fff;}

.footer{ width:100%; height:362px; background:url(../images/login_cloud.png) no-repeat center top;text-align: center}
.copyright{ width:900px; margin:0 auto; color:#666; font-size:14px; text-align:center;position:fixed;bottom:5px}
.copyright a{ color:#666; text-decoration:none;}
.copyright a:hover{ text-decoration:underline;}